<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/personal.css">
</head>
<body>
    <header>
        <i class="iconfont icon-wode"><span>请登录</span></i>
        
        <span>></span>
    </header>
    <main>
        <div class="div-top">
            <p>我的订单</p>
            <span>></span>
        </div>
        <div class="div-center">
            <p>
                <i class="iconfont icon-tuikuan"></i>
                <span>待付款</span>
            </p>
            <p>
                <i class="iconfont icon-daishouhuo"></i>
                <span>待收货</span>
            </p>
            <p>
                <i class="iconfont icon-31daipingjia"></i>
                <span>待评价</span>
            </p>
            <p>
                <i class="iconfont icon-daifukuan"></i>
                <span>退货/售后</span>
            </p>
        </div>
        <ul>
            <li>
                <i class="iconfont icon-wodezichan"><span>我的资产</span></i>
        
                <span>></span>
            </li>
            <li>
                <i class="iconfont icon-wodeyouhuijuan"><span>我的优惠卷</span></i>
        
                <span>></span>
            </li>
            <li>
                <i class="iconfont icon-wodezichan"><span>我的收藏</span></i>
        
                <span>></span>
            </li>
            <li>
                <i class="iconfont icon-bangzhufankui"><span>地址管理</span></i>
        
                <span>></span>
            </li>
            <li>
                <i class="iconfont icon-dizhiguanli"><span>资质照明</span></i>
        
                <span>></span>
            </li>
            <li>
                <i class="iconfont icon-paizhao"><span>协议规则</span></i>
        
                <span>></span>
            </li>
            <li>
                <i class="iconfont icon-ego-favorite"><span>帮助与反馈</span></i>
        
                <span>></span>
            </li>
        </ul>
    </main>
    <footer>
        <div class="span">
            <i class="iconfont icon-shouye-xianxing"></i> 
            <span>首页</span>
        </div>
        <div class="span1">
            <i class="iconfont icon-fenlei"></i>
            <span >分类</span>
        </div>
        <div class="span2">
            <i class="iconfont icon-gouwuche"></i>
            <span >购物车</span>
        </div>
        <div class="span3">
            <i class="iconfont icon-wode"></i>
            <span >我的</span>
        </div>
    </footer>
    <script>
        let span = document.querySelector(".span")
        let span1 = document.querySelector(".span1")
        let span3 = document.querySelector(".span2")

        span.onclick = function(){
            location.href = "index.html"
        }
        span1.onclick = function(){
            location.href = "class.html"
        }
        span3.onclick = function(){
            location.href = "button.html"
        }
    </script>
</body>
</html>